


import Home from '@/pages/Home'
import Commodity from '@/pages/Commodity'
import Detail from '@/pages/Detail'
import Order from '@/pages/Order'
import Register from '@/pages/Register'
import Platform from '@/pages/Platform'
import Login from '@/pages/Login'
import Pay from '@/pages/Pay'
import PaySuccess from '@/pages/PaySuccess'
// import ShopPages from '@/pages/ShopPages'
import Zhoubian from '@/pages/Zhoubian'


// import是同步引入 而且引入之后，后期会统一打包到js文件当中
// 浏览器访问我们的页面是要经历  加载  解析  渲染，加载的过程会很困难，造成性能不好

// 基于上面的问题，我们采用路由懒加载
// 把上面的import改为import函数，import函数有特点：
    //1、打包的时候会把每个路由组件打包成一个单独的小文件
    //2、当访问哪个路由组件的时候，再去加载哪个打包的小文件

// 做法： 把原来import引入的组件 变为函数，函数内部调用import(),进行单独打包和加载


// function（）{
//   import XXX from './adsads'  //不能动态引入
//   import('./adjdhads') //可以动态引入
// }

export default [
  {
    path:'/zhoubian',
    component:Zhoubian, 
  },
  
  

  {
    path:'/paysuccess',
    component:PaySuccess, //本质就是在注册路由组件
   
  },
  {
    path:'/pay',
    component:Pay, //本质就是在注册路由组件
   
  },
  {
    path:'/login',
    component:Login, //本质就是在注册路由组件
   
  },
  {
    path:'/register',
    component:Register, //本质就是在注册路由组件
   
  },
  {
    path:'/commodity',
    component:Commodity, //本质就是在注册路由组件
   
  },
  {
    path:'/order',
    component:Order, //本质就是在注册路由组件
   
  },
  {
    path:'/platform',
    component:Platform, //本质就是在注册路由组件
   
  },
  {
    path:'/detail',
    component:Detail, //本质就是在注册路由组件
   

  },
  {
    path:'/home',
    component:Home //本质就是在注册路由组件
  },
  
  // 重定向路由
  {
    path:'/',
    redirect:'/home'
  },
 

]